<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name="renderer" content="webkit">
	<title>爱，逆风而为</title>
    <meta name="keywords" content="爱，逆风而为,龙哥去哪儿,龙哥,anfew,anfew.com,爱逆风而为,逆风而为,www.anfew.com" />
    <meta name="description" content="爱，逆风而为" />
    <meta name="author" content="zltodo" />
    <!--<embed src="D:/wamp/www/anfew.com/music/music.mp3" hidden="true" autostart="true" loop="true">-->
    <audio src="./music/music.mp3" autoplay="autoplay" loop id="yishuiliangan"></audio>
    <audio src="" autoplay="autoplay" loop id="xiangsi"></audio>
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/jquery-letterfx.min.css">
   <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?5a9c1e78cca35d71ec8c8c52c58ccbd5";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
	<!--[if lte IE 8]>
	<style type="text/css">
		html,body{width:100%; height:100%; overflow:scroll}
		.section-btn{display:none;}
	</style>
	<![endif]-->
</head>
<body>
	<section class="section-wrap">
		<div class="section section-1">
			<div class="title active section_1_title">
				<p class="tit">岁月娑婆，淡漠了谁的执着</p>
			</div>
            <div class="my_info">
                <p class="section_info_0 section_1_info">曾经有这样一个人，</p>
                <p class="section_info_1 section_1_info">他的梦就是要把，</p>
                <p class="section_info_2 section_1_info">虚无的遥远变成触手可及的真实。</p>
                <p class="section_info_3 section_1_info">即便失去白日的阳光，</p>
                <p class="section_info_4 section_1_info">永远行走在无尽的暗夜里。</p>
                <p class="section_info_5 section_1_info">岁月不断沧桑残酷，</p>
                <p class="section_info_6 section_1_info">破晓分割黑夜白昼，</p>
                <p class="section_info_7 section_1_info">当天边的北斗星再次升起，</p>
                <p class="section_info_8 section_1_info">这个梦将被无尽地延续.......</p>
            </div>
		</div>
		<div class="section section-2">
			<div class="title">
				<p class="tit">岁月穿梭，我的梦没有尽头</p>
			</div>
            <!--<div class="section_duanzi">
            	<p class="section_duanzi_p">银角大王将宝葫芦倒置，喊了一声："周鸿祎。" 周鸿祎应了一声，嗖地便被吸了进去。 银角大王查看时，里面除了周鸿祎，还有360杀毒、360压缩、360浏览器、360安全卫士、360游戏大厅等熙熙攘攘一干人。 银角大王惊讶道："怎的来了这许多。" 宝葫芦开口言道："我就只点了个'下一步'。"</p>
				<p class="section_duanzi_p">金角大王正要说话，看到一旁的李彦宏在笑，大怒，翻转宝葫芦正要喊，李彦宏嗖的一声钻进了宝芦。金角大王转过葫芦一看，里面除了李彦宏，还有百度贴吧，百度手机管家，百度浏览器，百度杀毒，百度输入法，百度外卖，百度安全中心，百度云，百度音乐，百度知道，百度百科……密密麻麻一干人，金角大王问怎么回事，宝葫芦开口道："我什么都没干！"</p>
			</div>-->
            
		</div>
		<div class="section section-3">
			<div class="title">
				<p class="tit">岁月无痕，看尽了谁的愁</p>
			</div>
            <!--<div class="section_duanzi section_duanzi_1">
            	<p class="section_duanzi_p">有人说我丑，我真笑了 -- 你是没有见过我那帮朋友</p>
                <p class="section_duanzi_p">今天的你对我爱搭不理，明天 -- 北京 周四 晴☀ 气温27～37度  </p>
                <p class="section_duanzi_p">生活总是有很多出人意料的事情，比如 -- 你以为我要举个例子，但其实不是</p>
                <p class="section_duanzi_p">你说你要和我共白头 -- 我染完你又说我非主流</p>
                <p class="section_duanzi_p">丑的人才过520，美的呢？ -- 美的在卖空调</p>
                <p class="section_duanzi_p">明明可以靠脸吃饭，我却要努力工作 -- 这就是我和明明的差距</p>
            	
            </div>-->
		</div>
		<div class="section section-4">
			<div class="title">
				<p class="tit">遗忘，呼啸而过的殇</p>
			</div>
           <!-- <div class="section_duanzi section_duanzi_1">
	            <p class="section_duanzi_p">Please call me LongGe.</p>
			</div>-->
		</div>
		<div class="section section-5">
			<div class="title">
				<p class="tit">岁月静好 唯不变此情悠悠</p>
			</div>
            <div class="my_info">
				<p id="secetion_5_info_0" class="section_5_info_0 section_5_info">醉卧不夜城 处处霓虹</p>
				<p id="secetion_5_info_1" class="section_5_info_1 section_5_info">酒杯中好一片滥滥风情</p>
                <p id="secetion_5_info_2" class="section_5_info_2 section_5_info">最肯忘却古人诗</p>
                <p id="secetion_5_info_3" class="section_5_info_3 section_5_info">最不屑一顾是相思</p>
                <p id="secetion_5_info_4" class="section_5_info_4 section_5_info">守着爱怕人笑</p>
                <p id="secetion_5_info_5" class="section_5_info_5 section_5_info">还怕人看清</p>
                <p id="secetion_5_info_6" class="section_5_info_6 section_5_info">春又来看红豆开</p>
                <p id="secetion_5_info_7" class="section_5_info_7 section_5_info">竟不见有情人去采</p>
                <p id="secetion_5_info_8" class="section_5_info_8 section_5_info">烟花拥着风流</p>
                <p id="secetion_5_info_9" class="section_5_info_9 section_5_info">真情不在</p>
            </div>
    	</div>
	</section>
	<ul class="section-btn">
	  <li class="on"></li>
	  <li></li>
	  <li></li>
	  <li></li>
	  <li></li>
	</ul>
	<div class="arrow">&laquo;</div>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery-letterfx.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/section_1.js"></script>
<script type="text/javascript">
	$(function(){
		var i=0;
		var $btn = $('.section-btn li'),
			$wrap = $('.section-wrap'),
			$arrow = $('.arrow');
		/*当前页面赋值*/
		function up(){i++;if(i==$btn.length){i=0};}
		function down(){i--;if(i<0){i=$btn.length-1};}
		/*页面滑动*/
		function run(){
			$btn.eq(i).addClass('on').siblings().removeClass('on');	
			$wrap.attr("class","section-wrap").addClass(function() { return "put-section-"+i; }).find('.section').eq(i).find('.title').addClass('active');
			if (i === 4) {
				$("#yishuiliangan").attr("src", "");
				$("#xiangsi").attr("src", "./music/相思.mp3");
				setTimeout(displayInfo_5, 2000);
			}
			//$(".section_1_info").addClass('active');
		};
		/*右侧按钮点击*/
		$btn.each(function(index) {
			$(this).click(function(){
				i=index;
				run();
			})
		});
		/*翻页按钮点击*/
		$arrow.one('click',go);
		function go(){
			up();run();	
			setTimeout(function(){$arrow.one('click',go)},1000)
		};
		/*响应鼠标*/
		$wrap.one('mousewheel',mouse_);
		function mouse_(event){
			if(event.deltaY<0) {up()}
			else{down()}
			run();
			setTimeout(function(){$wrap.one('mousewheel',mouse_)},1000)
		};
		/*响应键盘上下键*/
		$(document).one('keydown',k);
		function k(event){
			var e=event||window.event;
			var key=e.keyCode||e.which||e.charCode;
			switch(key)	{
				case 38: down();run();	
				break;
				case 40: up();run();	
				break;
			};
			setTimeout(function(){$(document).one('keydown',k)},1000);
		}
	});
</script>

</body>
</html>
